<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_fragment::head(~{::title})">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta charset="utf-8" />
	<title>角色资源权限详情</title>
</head>

<body class="no-skin">
<!--导航部分-->
<div th:replace="_fragment :: nav"></div>

<div class="main-container" id="main-container">
	<script type="text/javascript">
		try{ace.settings.check('main-container' , 'fixed')}catch(e){}
	</script>

	<!--侧边栏-->
	<div th:replace="_fragment :: menu(2,2.2)"></div>

	<div class="main-content" >
		<div class="breadcrumbs" id="breadcrumbs">
			<script type="text/javascript">
				try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
			</script>

			<ul class="breadcrumb">
				<li>
					<i class="ace-icon fa fa-home home-icon"></i>
					<a th:href="@{/admin/toIndex}">首页</a>
				</li>

				<li>
					<a th:href="@{/admin/toRole}">角色</a>
				</li>
				<li class="active">详情</li>
			</ul><!-- /.breadcrumb -->
		</div>

		<div class="page-content" >

			<div class="page-content-area">

				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
							<h3 class="header smaller lighter blue">资源权限列表</h3>
							<div class="table-header lighter">
								》
							</div>

							<div class="mdui-panel" mdui-panel="{accordion: true}">
								<div class="mdui-panel-item">
									<div class="mdui-panel-item-header">
										<div class="mdui-panel-item-title">
											<i class="ace-icon fa fa-myUser bigger-130"></i>&nbsp;&nbsp;角色名称
										</div>
										<span class="pull-right">描述</span>
									</div>
								</div>

								<div class="mdui-panel-item">
									<div class="mdui-panel-item-header">
										<div class="mdui-panel-item-title">
											<i class="ace-icon fa fa-myUser bigger-130"></i>&nbsp;&nbsp;[[${role.roleName}]]
										</div>
										<i class="mdui-panel-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
										<span class="pull-right"  th:text="${role.roleDesc}"></span>
									</div>
									<div class="mdui-panel-item-body">
										<table class="mdui-table mdui-table-hoverable">
											<thead>
											<tr>
												<th>#</th>
												<th>资源管理权限</th>
												<th>Url</th>
												<th>描述</th>
											</tr>
											</thead>
											<tbody>
											<tr th:each="per,pstat : ${role.permissions}">
												<td><i class="ace-icon fa fa-key smaller-80 middle" data-icon-hide="ace-icon fa fa-minus" data-icon-show="ace-icon fa fa-plus"></i></td>
												<td th:text="${per.permissionName}"></td>
												<td th:text="${per.url}"></td>
												<td th:text="${per.permissionDesc}"></td>
											</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>

	</div>
</div>

<!-- PAGE CONTENT ENDS -->
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.page-content-area -->
</div><!-- /.page-content -->
</div><!-- /.main-content -->

<div th:replace="_fragment::footer"></div>

<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
	<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>
</div><!-- /.main-container -->




<!--引入js	-->
<th:block th:replace="_fragment::script"></th:block>

<!-- inline scripts related to this page -->
</body>
</html>
